<template>
  <div class="footer">
    <div class="footer-content">
      <div class="footer-content-left">
        <img class="footer-content-left-img" src="@/assets/img/houseleft.jpg" >
      </div>
      <div class="footer-content-right">
        <img class="footer-content-right-img" src="@/assets/img/houseright.jpg" >
      </div>
    </div>
  </div>
</template>

<script></script>

<style lang="stylus" scoped>
  .footer
    width: 100%
    height: 100px
    text-align: center
    line-height: 100px
    margin-top: 5px
    .footer-content
      width: 1800px
      height: 100px
      margin: 0 auto
      padding-left: 10px
      padding-right: 10px
      
      .footer-content-left
        width: 890px
        height: 500px
        margin-right: 10px
        float: left
        .footer-content-left-img
          width: 890px
          height: 500px
      .footer-content-right
        width: 885px
        height: 500px
        float: left
        .footer-content-right-img
          width: 885px
          height: 500px
</style>

